.hot-page{
  .ad{
    margin-top: .2rem;
    img{
      width: 100%;
    }
  }
  .nav{
    background-color: #fff;
    span{
      height: .9rem;
      line-height: .9rem;
      text-align: center;
    }
    .active{
      border-bottom: 2px solid #ae0000;
      color: #ae0000;
    }
  }
  .hot-group{
    margin-top: .2rem;
    .tit{
      height: .9rem;
      line-height: .9rem;
      padding: 0 .3rem;
      font-size: .32rem;
      color: #fff;
      font-weight: 500;
      .more{
        font-size: .26rem;
      }
    }
    dl{
      padding: .2rem;
      .goods-item{
        width: 42%;
        background-color: #fff;
        padding: .2rem .2rem .12rem;
        font-size: .22rem;
        margin-bottom: .2rem;
        img{
          width: 2rem;
          height: 2rem;
          margin: 0 auto;
        }
        h3{
          line-height: .3rem;
          margin-top: .2rem;
          font-size: .28rem;
          color: #333;
          font-weight: normal;
          line-height: .36rem;
        }
        .price{
          margin: .17rem 0;
          font-size: .26rem;
          strong{
            font-size: .3rem;
          }
        }
        .store{
          font-size: .22rem;
          line-height: .35rem;
        }
      }
    }
    .bg-3{
      background-color: #d4474a;
    }
    .bg-4{
      background-color: #fc6d21;
    }
  }
}

.build-page{
  .page-logo{
    img{
      width: 2rem;
      margin: 2rem auto 0;
    }
  }
  .tips{
    margin-top: .4rem;
    text-align: center;
    padding: .2rem .3rem;
    .tit{
      line-height: .4rem;
      font-size: .34rem;
      color: #333;
      text-align: center;
    }
    .p1{
      font-size: .26rem;
      margin-top: .4rem;
      line-height: .35rem;
      color: #999;
    }
  }
}
